.el-table {
  .el-table__cell {
    height: 50px;
    font-size: $font-size-small;
  }

  .el-table__body-wrapper {
    .el-table__cell {
      cursor: pointer;
    }
  }
}

.el-text,
.el-link {
  margin: 0 $margin-small;
}

.el-pagination {
  margin-top: $margin-small;
  justify-content: flex-end;
}

.el-menu {
  width: 100% !important;
  padding: $padding-mini;
  box-sizing: border-box;
  border-right: 0px;

  .el-menu-item,
  .el-sub-menu .el-sub-menu__title {
    margin-bottom: 3px;
    height: var(--el-menu-item-height) !important;
    background-color: #fff;
    color: $menu-color;
    border-radius: $border-radius;
    font-weight: bold;
    transition: all 0.5s;
    font-size: $font-size-small;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    [class^='icon'] {
      margin-right: $margin-small;
      font-size: $font-size-icon;
    }
  }

  .el-sub-menu.is-opened {
    .el-sub-menu__title {
      margin-bottom: 0px;
    }
  }

  li:last-child {
    margin-bottom: 0px;
  }

  .el-menu-item:last-child,
  .el-sub-menu .el-sub-menu__title:last-child {
    margin-bottom: 0px;
  }

  .el-menu-item.is-active {
    background-color: $theme !important;
    color: #fff !important;
  }

  .el-sub-menu.is-active {
    > .el-sub-menu__title {
      color: $theme !important;
    }
  }

  .el-menu-item:hover,
  .el-sub-menu__title:hover {
    background-color: rgba(#000000, 0.2);
  }
}

.el-menu--collapse {
  .el-tooltip__trigger {
    justify-content: center;
    [class^='icon'] {
      margin-right: 0 !important;
    }
    .sub-menu-title {
      span:last-child {
        display: none;
      }
    }
    .el-badge__content {
      display: none !important;
    }
  }
}

.el-menu--popup-container {
  .el-menu {
    border-radius: $border-radius !important;
  }
}

.el-dialog {
  .el-dialog__title {
    font-weight: bold;
    color: $theme;
  }
}

.el-form--inline {
  .el-form-item {
    width: 50%;
    margin-right: 0px !important;
    margin-bottom: calc($margin * 2) !important;
    box-sizing: border-box;
    padding-right: $padding-large !important;
    .el-form-item__label {
      font-weight: bold;
    }
  }
}

.el-date-editor,
.el-input,
.el-select {
  min-height: $form-height !important;
  box-sizing: border-box;
}

.el-textarea__inner,
.el-input__wrapper,
.el-select__wrapper {
  background-color: unset !important;
  box-shadow: none !important;
  border-bottom: 1px solid $border-color;
  border-radius: 0px !important;
  padding: 0px !important;
  font-size: $font-size-small;

  .el-select__selection.is-near {
    margin-left: 0px;
  }
}

.el-select__selected-item.is-transparent span,
.el-input__inner::placeholder,
.el-textarea__inner::placeholder {
  font-size: $font-size-small;
  color: $placeholder-color;
}

.el-pagination__sizes {
  .el-select__selected-item {
    text-align: center;
  }
}
